<template>
<div>
    <h1>Button按钮 展示案例</h1>
    <Demo :component="button1demo"></Demo>
    <Demo :component="button2demo"></Demo>
    <Demo :component="button3demo"></Demo>
    <Demo :component="button4demo"></Demo>
    <Demo :component="button5demo"></Demo>
</div>
</template>

<script lang="ts">
import Demo from './showDemo.vue'
import button1demo from '../codes/button1demo.vue'
import button2demo from '../codes/button2demo.vue'
import button3demo from '../codes/button3demo.vue'
import button4demo from '../codes/button4demo.vue'
import button5demo from '../codes/button5demo.vue'
export default {
    components: {
        Demo
    },
    setup() {
        return {
            button1demo,
            button2demo,
            button3demo,
            button4demo,
            button5demo
        }
    }
}
</script>

<!--

<style lang="scss" scoped>
h2 {
    margin: 10px auto;
}
</style>-->
